<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="ThemeBucket">
    <link rel="shortcut icon" href="#" type="image/png">

    <title>index</title>
    <link href="/static/css/index.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="/static/css/rep.min.css">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="static/js/html5shiv.js"></script>
    <script src="static/js/respond.min.js"></script>
    <![endif]-->
</head>

<body class="sticky-header left-side-collapsed">

    <!-- left side start-->
    <div class="left-side sticky-left-side">

        <!--logo and iconic logo start-->
        <div class="logo">
            <a href="index.html">LOGO</a>
        </div>

        <div class="logo-icon text-center">
            <a href="index.html">LOGO</a>
        </div>
        <!--logo and iconic logo end-->


        <div class="left-side-inner">

            <!--sidebar nav start-->
            <ul class="nav nav-pills nav-stacked custom-nav">
                <h5 class="left-nav-title">功能</h5>
                <li><a href="/"><i class="fa fa-home"></i> <span>总览</span></a> </li>
                <li class="menu-list nav-active"><a href="javascirpt://"><i class="fa fa-database"></i> <span>数据平台</span></a>
                    <ul class="sub-menu-list">
                        <li><a href="/template/data/list.html">数据查看</a></li>
                        <li class="active"><a href="/template/data/import.html">数据导入</a></li>
                    </ul>
                </li>
            </ul>
            <!--sidebar nav end-->

            <!-- visible to small devices only -->
            <div class="visible-xs hidden-sm hidden-md hidden-lg">
                <h5 class="left-nav-title">账号信息</h5>
                <ul class="nav nav-pills nav-stacked custom-nav">
                    <li><a href="#"><i class="fa fa-user"></i> <span>个人信息</span></a></li>
                    <li><a href="#"><i class="fa fa-cog"></i> <span>基本设置</span></a></li>
                    <li><a href="#"><i class="fa fa-sign-out"></i> <span>登出</span></a></li>
                </ul>
            </div>
            <!-- visible to small devices only -->

        </div>
    </div>
    <!-- left side end-->

    <!-- main content start-->
    <div class="main-content">

        <!-- header section start-->
        <div class="header-section">

            <!--toggle button start-->
            <a class="toggle-btn"><i class="fa fa-bars"></i></a>
            <!--toggle button end-->

            <!--notification menu start -->
            <div class="menu-right">
                <ul class="notification-menu">
                    <li>
                        <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                               易言
                                <span class="caret"></span>
                            </a>
                        <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                            <li><a href="#"><i class="fa fa-user"></i>个人信息</a></li>
                            <li><a href="#"><i class="fa fa-cog"></i>设置</a></li>
                            <li><a href="#"><i class="fa fa-sign-out"></i>登出</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <!--notification menu end -->

        </div>
        <!-- header section end-->

        <!-- page heading start-->
        <div class="page-heading">
            <h3>数据导入</h3>
            <button class="btn btn-default pull-right" type="button" name="button">新建数据源</button>
        </div>
        <!-- page heading end-->

        <!--body wrapper start-->
        <div class="wrapper">

            <div class="panel">
                <div class="panel-heading">
                    本地数据导入
                </div>
                <div class="panel-body">
                    <form class="form-horizontal" role="form">
                        <div class="form-group">
                            <label class="col-md-2 control-label">已选文件：</label>
                            <div class="col-md-4">
                                <p class="form-control-static">banking.txt</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">分割符：</label>
                            <div class="col-md-4">
                                <select class="form-control">
                                  <option>逗号</option><option>2</option><option>3</option><option>4</option><option>5</option>
                                </select>
                            </div>
                            <label class="col-md-2 control-label">自定义分隔符：</label>
                            <div class="col-md-4">
                                <input type="text" class="form-control" placeholder="left icon">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">原始字符集：</label>
                            <div class="col-md-4">
                                <select class="form-control">
                                  <option>逗号</option><option>2</option><option>3</option><option>4</option><option>5</option>
                                </select>
                            </div>
                            <label class="col-md-2 control-label">导入起始行：</label>
                            <div class="col-md-4">
                                <input type="text" class="form-control" placeholder="left icon">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">首行为标题：</label>
                            <div class="col-md-4">
                                <div class="checkbox">
                                    <label>
                                    <input type="checkbox" value="">是
                                </label>
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
            <div class="panel">
                <div class="panel-heading">
                    数据源管理
                </div>
                <div class="panel-body">
                    <form class="form-horizontal" role="form">
                        <div class="form-group">
                            <label class="col-md-2 control-label">已选文件：</label>
                            <div class="col-md-4">
                                <p class="form-control-static">banking.txt</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">分割符：</label>
                            <div class="col-md-4">
                                <select class="form-control">
                                  <option>逗号</option><option>2</option><option>3</option><option>4</option><option>5</option>
                                </select>
                            </div>
                            <label class="col-md-2 control-label">自定义分隔符：</label>
                            <div class="col-md-4">
                                <input type="text" class="form-control" placeholder="left icon">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">原始字符集：</label>
                            <div class="col-md-4">
                                <select class="form-control">
                                  <option>逗号</option><option>2</option><option>3</option><option>4</option><option>5</option>
                                </select>
                            </div>
                            <label class="col-md-2 control-label">导入起始行：</label>
                            <div class="col-md-4">
                                <input type="text" class="form-control" placeholder="left icon">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">首行为标题：</label>
                            <div class="col-md-4">
                                <div class="checkbox">
                                    <label>
                                    <input type="checkbox" value="">是sd
                                </label>
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
            </div>


        </div>
        <!--body wrapper end-->

        <!--footer section start-->
        <footer class="sticky-footer">
            2016 &copy; by 数聚工研
        </footer>
        <!--footer section end-->


    </div>
    <!-- main content end-->

    <!-- script -->
    <!-- Placed js at the end of the document so the pages load faster -->
    <script src="/static/js/jquery-3.1.1.js"></script>
    <script src="/static/js/jquery-migrate-1.2.1.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <script src="/static/js/modernizr.min.js"></script>
    <script src="/static/js/jquery.nicescroll.js"></script>
    <!-- script -->
    <script src="/static/js/commons.js" charset="utf-8"></script>
</body>

</html>
